<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script> <script type="text/javascript">

function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }

   

   function confirmAction(){
        if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n ¿Esta seguro de continuar? "))
            return true;
        else return false;
     }
     

       function comboProvincia(){

            var id = document.getElementById("codRegion").value;

            var idDiv = "provincia";
            var metodo = "GET";
            idDiv="divCombosUbigeo"
            var codRegion= document.getElementById("codRegion").value;
            var codProvincia= "-1";
            var codDistrito="-1"; 
            var url = "consultasAjax/cearListarAjax.jsp?codDistrito="+codDistrito+"&codRegion="+codRegion+"&codProvincia="+codProvincia+"&flagCapa="+2;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

        }
        

 function comboDistrito(){


            var id = document.getElementById("codProvincia").value;
            var idDiv = "distrito";
            var metodo = "GET";
            var url = "consultasAjax/comboDistritoAjax.jsp?id="+id;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
            //   var capa1= document.getElementById("divTabla");
            //   capa1.innerHTML="";

        }

//codAdar,codDistrito,codProvincia,codRegion,Anio,AnioInicio,descEstadio
    function editar(codAdar,codDistrito,codProvincia,codRegion,anio,anioInicio,descEstadio){

       document.getElementById("codRegion").value=codRegion;
       document.getElementById("codProvincia").value=codProvincia;
       document.getElementById("codDistrito").value=codDistrito;
       document.getElementById("AnioInicio").value=anioInicio;
       document.getElementById("txtEstadio").value=descEstadio;
       document.getElementById("Anio").value=anio;

       document.getElementById("tipoOperacion").value="2";
       document.getElementById("codAdar").value=codAdar;

        var idDiv = "divCombosUbigeo";
                var metodo = "GET";

                var url = "consultasAjax/cearListarAjax.jsp?codDistrito="+codDistrito+"&AnioInicio="+anioInicio+"&anio="+anio+"&tipoOper="+3+"&flagCapa="+2+"&codAdar="+codAdar+"&codRegion="+codRegion+"&codProvincia="+codProvincia;

                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }

    function grabar(){

       if(document.getElementById("codRegion").value=='-1'){
            document.getElementById("codRegion").focus();
            alert("Seleccione Region");
            return;
       }

       var provincia=document.getElementById("codProvincia").value;
        if(provincia=='-1'){
            document.getElementById("codProvincia").focus();
            alert("Seleccione Provincia");
            return;
        }

        var codDistrito=document.getElementById("codDistrito").value;
        if(codDistrito=='-1'){
            document.getElementById("codDistrito").focus();
            alert("Seleccione Distrito");
            return;
        }

        var AnioInicio=document.getElementById("AnioInicio").value;
        if(AnioInicio=='-1'){
            document.getElementById("AnioInicio").focus();
            alert("Seleccione Anio Inicio");
            return;
        }

        var txtEstadio=document.getElementById("txtEstadio").value;
        if(txtEstadio==''){
            document.getElementById("txtEstadio").focus();
            alert("Ingrese Estadio / Coliseo");
            return;
        }

        var Anio=document.getElementById("Anio").value;
        if(Anio==''){
            document.getElementById("Anio").focus();
            alert("Seleccione año");
            return;
        }

        var tipoOperacion=document.getElementById("tipoOperacion").value;

        var codAdar=document.getElementById("codAdar").value;

          var idDiv = "divTabla";
                var metodo = "GET";
                var url = "consultasAjax/adarListarAjax.jsp?codDistrito="+codDistrito+"&AnioInicio="+AnioInicio+"&anio="+Anio+"&txtEstadio="+txtEstadio+"&tipoOper="+tipoOperacion+"&flagCapa="+1+"&codAdar="+codAdar;
                
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

                setControlAdar();

   }

  function setControlAdar(){
   document.getElementById("tipoOperacion").value="1";
   document.getElementById("codRegion").value="-1";
   document.getElementById("codProvincia").value="-1";
   document.getElementById("codDistrito").value="-1";
   document.getElementById("AnioInicio").value="-1";
   document.getElementById("txtEstadio").value="";
   }

   function editard(codAdar,codDistrito,codProvincia,codRegion,anio,anioInicio,descEstadio){

               if(confirmEliminar(descEstadio)==false)return;
       
                var idDiv = "divTabla";
                var metodo = "GET";               
                var url = "consultasAjax/adarListarAjax.jsp?codDistrito="+codDistrito+"&AnioInicio="+anioInicio+"&anio="+anio+"&tipoOper="+3+"&flagCapa="+1+"&codAdar="+codAdar;                
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
               
        setControlAdar();

    }
    function confirmEliminar(estadio){
        if (confirm("Esta seguro de eliminar registro cuyo estadio es:  \n  "+estadio))
            return true;
        else return false;
    }

    function buscar(){
        
        var codDistrito=document.getElementById("codDistrito").value; 
        var AnioInicio=document.getElementById("AnioInicio").value;
        var txtEstadio=document.getElementById("txtEstadio").value;
        var Anio=document.getElementById("Anio").value;
        
          var idDiv = "divTabla";
                var metodo = "GET";
                var url = "consultasAjax/adarListarAjax.jsp?codDistrito="+codDistrito+"&AnioInicio="+AnioInicio+"&anio="+Anio+"&txtEstadio="+txtEstadio+"&tipoOper="+1+"&flagCapa="+0;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }

 function cargarAnio()
  {
        var fec=new Date();
        var anio=eval(fec.getYear()+1);
        //alert(anio);
        document.getElementById("Anio").value=anio;
        buscar();
  }

    function comboUgel(){}
    function mostrarDistrito(){}

</script>
            
<html>

    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>
    <body onload="cargarAnio()">
    <!--   <div  style="overflow: auto; width: 710px; height: 400px">-->
      <html:form action="Adar.do?dispatch=load" styleId="AdarForm">

          <div id="meCcd">
              <h1 align="center">Planificación AID</h1>
              <br><br>
                          <input id="tipoOperacion" type="hidden"  value="1">
                          <input id="codAdar" type="hidden"  value="0">
       
                          <div id="divCombosUbigeo">
                              <table align="center" >
                                           <tr>
                                              <td  >
                                                  Region
                                              </td>
                                              <td >
                                                <div>
                                                    <html:select property="region" styleId="codRegion"  onchange="comboProvincia()" >
                                                    <html:option value="-1">[--Seleccionar Region--]</html:option>
                                                    <html:optionsCollection name="AdarForm" property="listRegion" value="NUM_CODDPTO_PK" label="TX_NOMDPTO" />

                                                </html:select>
                                              </div>
                                              </td>

                                              <td>
                                                   Provincia

                                              </td>
                                              <td>
                                               <div id="provincia">
                                                    <html:select property="provincia" styleId="codProvincia">
                                                        <html:option value="-1">[--Seleccionar Provincia--]</html:option>
                                                    </html:select>
                                               </div>
                                              </td>
                                           </tr>
                                           <tr>

                                              <td>
                                                  Distrito

                                              </td>
                                              <td>
                                                <div id="distrito">
                                                    <html:select property="distrito" styleId="codDistrito">
                                                        <html:option value="-1">[--Seleccionar Distrito--]</html:option>
                                                    </html:select>
                                                 </div>
                                               </td>
                                              
                                      
                                          </tr>
                                      </table>
                                    </div>
                          <br>


                              <table   align="center">
                                
                                  <tr>
                                      <td>
                                          Año Inicio
                                      </td>
                                      <td>
                                          <select  id="AnioInicio">
                                            <option value="-1">[--Seleccionar Anio--]</option>
                                            <option value="2009">2009</option>
                                            <option value="2010">2010</option>
                                            <option value="2011">2011</option>
                                            <option value="2012">2013</option>
                                            <option value="2012">2014</option>
                                            <option value="2012">2015</option>
                                            <option value="2012">2016</option>
                                            <option value="2012">2017</option>
                                            <option value="2012">2018</option>
                                          </select>
                                      </td>
                                      <td>
                                          Estadio/Coliseo
                                      </td>
                                      <td>
                                          <input type="text" id="txtEstadio">
                                      </td>
                                  </tr>

                                  <tr>
                                      <td>
                                          Año
                                      </td>
                                      <td>

                                          <input type="text" id="Anio" readonly="true" size="3">
                                      </td>
                                      <td colspan="6" align="right">
                                          <input type="button" onclick="buscar()" value="Buscar">
                                          <input type="button" onclick="grabar()" value="Grabar">
                                      </td>
                                  </tr>
                              </table>
                              <br><br>
                              <div id="divTabla">



                              </div>
             </div>

      </html:form>

<!--   </div> -->

    </body>
</html>
<script type="text/javascript">
//codAdar,codDistrito,codProvincia,codRegion,Anio,AnioInicio,descEstadio
  function listarAlumnos(codAdar,codDistrito,codProvincia,codRegion,Anio,AnioInicio,descEstadio){

            var form = document.getElementById("AdarForm");
            form.action="Adar.do?dispatch=listarAlumnos&codAdar="+codAdar+"&descEstadio="+descEstadio+"&Anio="+Anio+"&AnioInicio="+AnioInicio;
            form.method="post";
            form.submit();
  }
</script>